@charset "utf-8";
/* basic star */
* {
    margin: 0;
    padding: 0;
    border: none;
    outline: 0;
    vertical-align: baseline;
    -webkit-overflow-scrolling: touch;
	font-family:"微软雅黑","宋体",Arial;
}
html,
body,
form,
fieldset,
p,
div,
h1,
h2,
h3,
h4,
h5,
h6,
textarea {
    -webkit-text-size-adjust: none;
    -webkit-user-select: none;
    -webkit-text-size-adjust: none;
    font-family: helvetica;
    -ms-touch-action: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-tap-highlight-color: alpha(0);
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
    display: block;
}

html,
body {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
	color:#484848;
}

ol,
ul,
li {
    list-style: none;
}

blockquote,
q {
    quotes: none;
}

blockquote:before,
blockquote:after,
q:before,
q:after {
    content: '';
    content: none;
}

ins {
    text-decoration: none;
}

del {
    text-decoration: line-through;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}

select {
    -webkit-appearance: none;
    -moz-appearance: none;
}

select,
input,
textarea,
button {
    outline: none;
    -webkit-appearance: none;
    -moz-appearance: none;
}
.warp{
	margin:auto;
	max-width:750px;
}
a {
	text-decoration:none;
}
/* basic end */

.install_tip_top {
	height:52px;
	background-color:#fff;
	box-shadow:0 5px 5px #f5f5f5;
	position:fixed;
	z-index:2000;
	left:0;
	top:0;
	right:0;
}

.install_tip_top.fix {
	background-color:rgba(0,0,0,.6);
	box-shadow:none;
}

.install_tip_top .logo_ico{
	display:block;
	position:absolute;
	left:-3px;
	top:50%;
	width:70px;
	height:70px;
	margin-top:-31px;
	background:url(../img/logo_ico.png) no-repeat;
	background-size:70px auto;
}

.install_tip_top .logo{
	display:block;
	background:url(../img/logo.png) no-repeat;
	background-size:60px 22px;
	width:60px;
	height:22px;
	position:absolute;
	left:56px;
	top:50%;
	margin-top:-11px;
}

.install_tip_top.fix .logo {
	background:url(../img/logo2.png) no-repeat;
	background-size:60px 22px;
}

.install_tip_top .info{
	font-size:14px;
	color:#bebebe;
	position:absolute;
	left:100px;
	top:9px;
	transform:scale(.7)
}

.install_tip_top.fix .info{
	color:rgba(255,255,255,.3)
}

@media screen and (max-width: 350px) {
	.install_tip_top .info{
		transform:scale(.5);
		left:80px;
	}
}

.install_tip_top .intsll_btn{
	display:block;
	width:80px;
	height:27px;
	line-height:27px;
	border-radius: 13.5px;
	position:absolute;
	right:15px;
	top:50%;
	margin-top: -14.5px;
	border:1px solid #fd655b;
	color:#fd6e5c;
	font-size:12px;
	text-align:center;
}

.install_tip_top.fix .intsll_btn {
	border:0;
	line-height:29px;
	color:#fff;
	width: 82px;
	height: 29px;
	-webkit-border-radius: 13px 14px 14px 13px/13px 13px 14px 14px;
	-moz-border-radius: 13px 14px 14px 13px/13px 13px 14px 14px;
	border-radius: 13px 14px 14px 13px/13px 13px 14px 14px;
	background-color: #fff;
	background-image: -webkit-linear-gradient(66deg, #fa3058, #ff905e);
	background-image: -moz-linear-gradient(66deg, #fa3058, #ff905e);
	background-image: -o-linear-gradient(66deg, #fa3058, #ff905e);
	background-image: -ms-linear-gradient(66deg, #fa3058, #ff905e);
	background-image: linear-gradient(66deg, #fa3058, #ff905e);
}

.news_list {
	clear:both;
}

.news_list_l {
	border-bottom:8px solid #f9fafa;
	padding:18px 15px 0 15px;
}

.news_list .user_area {
	position:relative;
	min-height:36px;
}

.news_list .avatar{
	width:36px;
	height:36px;
	position:absolute;
	left:0;
	top:0;
	display:block;
	border-radius:50%;
	background-position:center;
	background-repeat:no-repeat;
	background-size:cover;
}

.news_list .dec1{
	margin:0 30px 0 47px;
}

.news_list .username {
	color:#3dafff;
	font-size:14px;
	height:18px;
	line-height:18px;
	overflow:hidden;
}

.news_list .dec1 p{
	line-height:16px;
	line-height:16px;
	font-size:12px;
	color:#b9b8b8;
	margin-top:1px;
}

.news_list .more{
	height:36px;
	width:30px;
	position:absolute;
	right:0;
	top:0;
	background:url(../img/ico_more_1.png) 100% center no-repeat;
	background-size:4px 22px;
}

.news_list .content{
	font-size:14px;
	color:#333333;
	text-align:left;
	margin-top:10px;
}

.news_list .img_l {
	overflow:hidden;
}

.news_list .img_l li {
	float: left;
	position:relative;
	margin-top:10px;
}

.news_list .img_l.a li{
	width:100%;
	padding-bottom:100%;
}

.news_list .img_l.b li{
	width:calc((100% - 10px) / 2);
	padding-bottom:calc((100% - 10px) / 2);
}

.news_list .img_l.b li:nth-child(2n) {
	margin-left:10px;
}

.news_list .img_l.c li{
	width:calc((100% - 20px) / 3);
	padding-bottom:calc((100% - 20px) / 3);
	margin-right:10px;
}

.news_list .img_l.c li:nth-child(3n) {
	margin-right:0;
}

.news_list .img_l li .img { 
	position:absolute;
	width:100%;
	height:100%;
	background-repeat:no-repeat;
	background-position:center;
	background-size:cover;
	border-radius: 5px;
}

.news_list .rep_box {
	margin-top:10px;
	border-bottom:1px solid #f2f2f2;
	padding:13px 0;
	text-align:left;
	display:flex;
}

.news_list .rep_box li {
	height:29px;
	border-right:1px solid #d8d8d8;
	flex: 1;
	text-align:center;
}

.news_list .rep_box li:last-child {
	border-right: 0;
}

.news_list .rep_box li div{
	display:inline-block;
	position:relative;
	width:23px;
	height:29px;
}

.news_list .rep_box li div.share {
	background:url(../img/ico_share.png) center no-repeat;
	background-size:23px auto;
}

.news_list .rep_box li div.edit {
	background:url(../img/ico_edit.png) center no-repeat;
	background-size:23px auto;
}

.news_list .rep_box li div.approve {
	background:url(../img/ico_approve.png) center 1px no-repeat;
	background-size:23px auto;
}

.news_list .rep_box li div.approve.active {
	background:url(../img/ico_approve_active.png) center 1px no-repeat;
	background-size:23px auto;
}

.news_list .rep_box li div span{
	display:block;
	position:absolute;
	top:-8px;
	font-size:12px;
	left:100%;
	color:#b4b4b4;
}

.news_list .rep_box li div.active span {
	color:#fb4d5e;
}

.comment_box {
	margin-top:12px;
	height:30px;
	position:relative;
	clear: both;
}

.comment_box .avatar {
	position:absolute;
	left:0;
	top:50%;
	margin-top:-14px;
	display:block;
	border-radius:50%;
	background-position:center;
	background-repeat:no-repeat;
	background-size:cover;
	background-image: url(../img/home_home_dongtai_touxiang.png);
	width:28px;
	height:28px;
}

.comment_box input[type=text] {
	display:block;
	margin:0 0 0 38px;
	border:0;
	background:#f5f6f8;
	height:30px;
	line-height:20px;
	border-radius:4px;
	padding:5px 13px;
	width:calc(100% - 38px);
	box-sizing:border-box;
	font-size:14px;
	color:#666;
}

.comment_box .ico_comment_hb {
	width: 24px;
	height: 30px;
	position: absolute;
	right: 5px;
	top: 0;
	z-index: 2;
	background: url(../img/ico_comment_j2.png) no-repeat;
	background-size: auto 30px;
}

.comment_box .ico_comment_hb.active {
	background: url(../img/ico_comment_j.png) no-repeat;
	background-size: auto 30px;
}

.comment_box .ico_comment_hb span {
	display: block;
	background-image: -webkit-linear-gradient(22deg, #fa3058, #ff6d5e);
	background-image: -moz-linear-gradient(22deg, #fa3058, #ff6d5e);
	background-image: -o-linear-gradient(22deg, #fa3058, #ff6d5e);
	background-image: -ms-linear-gradient(22deg, #fa3058, #ff6d5e);
	background-image: linear-gradient(22deg, #fa3058, #ff6d5e);
	width: 80px;
	height: 26px;
	border-radius: 13px;
	line-height: 26px;
	color: #fff;
	text-align: center;
	position: absolute;
	top: -33px;
	right: -12px;
	font-size: 12px;
	transform: scale(.9);
	display: none;
}

.comment_box .ico_comment_hb.active span {
	display: block;
}

.comment_box .ico_comment_hb span:before {
	content: '';
	position: absolute;
	border-left: 5px solid transparent;
	border-top: 5px solid #fc435a;
	border-right: 5px solid transparent;
	border-bottom: 5px solid transparent;
	top: 26px;
	right: 17px;
}

.comment_list {
	overflow:hidden;
}

.comment_list li {
	position:relative;
	min-height:54px;
	overflow:hidden;
}

.comment_list .avatar {
	position:absolute;
	left:0;
	top:13px;
	display:block;
	border-radius:50%;
	background-position:center;
	background-repeat:no-repeat;
	background-size:cover;
	width:28px;
	height:28px;
}

.comment_list .username {
	margin:14px 96px 0 0;
	color:#a4a4a4;
	font-size:14px;
	line-height:26px;
	height:26px;
	text-overflow:ellipsis;
	overflow:hidden;
	white-space:nowrap;
}

.comment_list .comment_text {
	position:relative;
	min-height:54px;
	margin:0 0 0 38px;
	border-bottom:1px solid #f2f2f2;
	overflow:hidden;
}

.comment_list p.sty1 {
	margin:0 96px 0 0;
	color:#484848;
	display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    word-break: break-word;
	font-size:14px;
	padding-top:19px;
	line-height:16px;
}

.comment_list div.sty2 {
	padding:10px 0 10px 0;
	color:#484848;
    overflow: hidden;
	font-size:14px;
	line-height:16px;
}

.comment_list .hbinfo{
	background:url(../img/ico_red_bag_active.png) left top no-repeat;
	background-size:12px auto;
	font-size:14px;
	text-indent:20px;
	min-height:15px;
	line-height:15px;
}

.comment_list .note1{
	font-size:12px;
	color:#9e9e9e
}

.comment_list p.note1{
	padding-top:5px;
}

.comment_list .hf2{
	margin-top:10px;
	background-color:#f9fafa;
	overflow:hidden;
	padding:5px 10px;
	border-radius:4px;
}

.comment_list .username2{
	font-size:12px;
	color:#3badee;
}

.comment_list .username3{
	color:#3badee;
}

.comment_list .hf2 p {
	font-size:14px;
	text-align:left;
	padding-top:3px;
}

.comment_list li:last-child .comment_text {
	border-bottom:0;
}

.comment_list .approve2,
.comment_list .red_bag2 {
	width:48px;
	position:absolute;
	top:10px;
	background-repeat:no-repeat;
	height:30px;
}

.comment_list .approve2 {
	right:0;
	background-image:url(../img/ico_approve2.png);
	background-position:10px 7px;
	background-size:14px auto; 
}

.comment_list .approve2.active {
	background-image:url(../img/ico_approve2_active.png);
}

.comment_list .red_bag2 {
	right:48px;
	background-image:url(../img/ico_red_bag.png);
	background-position:13px center;
	background-size:12px auto; 
}

.comment_list .red_bag2.active {
	background-image:url(../img/ico_red_bag_active.png);
}

.comment_list .approve2 .nums,
.comment_list .red_bag2 .nums {
	display:block;
	position:absolute;
	color:#b4b4b4;
	font-size:12px;
	left:25px;
	transform:scale(.8);
	height:14px;
	line-height:14px;
	top:6px;
}

.comment_list .approve2.active span,
.comment_list .red_bag2.active span {
	color:#fb4d5e
}

.news_list .all_comments_btn {
	border-top:1px solid #f2f2f2;
	color:#3dafff;
	font-size:16px;
	text-align:center;
	height:46px;
	line-height:46px;
}

.video_box{
	overflow:hidden;
	margin-top:10px;
}

.video_box div{
	float:left;
	overflow:hidden;
	border-radius:5px;
	position:relative;
}
.video_box div img{
	max-width:100%;
	display:block;
}

.video_box div:beofore {
	content:'';
	position:absolute;
	width:100%;
	height:100%;
	background-color:rgba(0,0,0,.2);
	z-index:1;
}

.video_box div:after {
	width:52px;
	height:52px;
	content:'';
	position:absolute;
	background:url(../img/ico_video.png) center no-repeat;
	background-size:52px 52px;
	z-index:2;
	left:50%;
	top:50%;
	margin:-26px 0 0 -26px;
}

.video_box div p{
	position:absolute;
	z-index:3;
	height:18px;
	line-height:18px;
	bottom:10px;
	left:0;
	box-sizing:border-box;
	padding:0 0 0 10px;
	text-align:left;
	color:#fff;
	font-size:12px;
}

.video_box div span.dz{
	display:block;
	position:absolute;
	z-index:3;
	height:18px;
	line-height:18px;
	bottom:10px;
	right:0;
	box-sizing:border-box;
	padding:0 10px 0 18px;
	text-align:left;
	color:#fff;
	font-size:12px;
	background:url(../img/ico_approve3.png) left 4px no-repeat;
	background-size:12px auto;
}

.install_tip_buttom {
	height:100px;
	background-color:#f9fafa;
	overflow:hidden;
	display: none;
}

.install_tip_buttom a {
	display:block;
	width:300px;
	height:73px;
	box-sizing:border-box;
	text-align:center;
	color:#fff;
	background:url(../img/btnbg1.jpg) center no-repeat;
	background-size:300px auto;
	margin:15px auto auto auto;
	text-decoration:none;
	line-height:36px;
	padding:15px 0 0 0;
	font-size:14px;
}

.resume_card {
	background-color:#f3f3f3;
	border-radius:3px;
	box-shadow:2px 0 11px rgba(0,0,0,.17);
	padding:40px 0 0 0;
}

.resume_card .card_box {
	margin:0 12px 0 12px;
	min-height: 150px;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	background-color: #201e20;
	-webkit-box-shadow: 0 3px 5px rgba(207,56,74,.3);
	-moz-box-shadow: 0 3px 5px rgba(207,56,74,.3);
	box-shadow: 0 3px 5px rgba(207,56,74,.3);
	background-image: -webkit-linear-gradient(22deg, #fa3058, #ff905e);
	background-image: -moz-linear-gradient(22deg, #fa3058, #ff905e);
	background-image: -o-linear-gradient(22deg, #fa3058, #ff905e);
	background-image: -ms-linear-gradient(22deg, #fa3058, #ff905e);
	background-image: linear-gradient(22deg, #fa3058, #ff905e);
	position:relative;
}

.resume_card .avatar{
	border:2px solid #fff;
	width:56px;
	height:56px;
	border-radius:50%;
	background-position:center;
	background-repeat:no-repeat;
	background-size:cover;
	position:absolute;
	left:50%;
	top:0;
	margin:-30px 0 0 -30px;
	z-index:1;
}

.resume_card .username {
	height:30px;
	line-height:30px;
	text-align:center;
	padding-top:30px;
}

.resume_card .username div {
	display:inline-block;
	height:30px;
	line-height:30px;
	color:#fff;
	font-size:16px;
	position:relative;
}

.resume_card .username div i.sfrz {
	position:absolute;
	right:-16px;
	top:9px;
	background:url(../img/ico_sfrz.png) no-repeat;
	background-size:15px 15px;
	width:15px;
	height:15px;
}

.resume_card .kbinfo{
	text-align:center;
	color:rgba(255,255,255,.7);
	font-size:12px;
	line-height:16px;
}

.resume_card .info2 {
	display:flex;
	margin:0 32px;
	padding:20px 0 15px 0;
}

.resume_card .info2 li {
	flex:1;
	text-align:center;
	color:#fff;
	position:relative;
	height:40px;
	line-height:16px;
	box-sizing:border-box;
	padding-top:2px;
}

.resume_card .info2 li:before {
	content:'';
	position:absolute;
	height:38px;
	width:1px;
	background:rgba(0,0,0,.1);
	right:0;
	top:50%;
	margin-top:-19px;
}

.resume_card .info2 li:last-child:before {
	display:none;
}

.resume_card .info2 strong{
	font-size:22px;
	font-family:Impact;
	font-weight:normal;
}
.resume_card .info2 b {
	font-size:12px;
	font-family:Impact;
	font-weight:normal;
}

.resume_card .info2 p{
	color:rgba(255,255,255,.6);
	font-size:12px;
}

.resume_card .info3{
	border-top:1px solid rgba(0,0,0,.1);
	display:flex;
	padding:7px 0;
	margin:0 32px;
}
.resume_card .info3 li {
	flex:1;
	height:34px;
	color:#fff;
	line-height:34px;
	border-right:1px solid rgba(0,0,0,.1);
	font-size:14px;
	text-align:center;
}
.resume_card .info3 li:last-child {
	border-right:0;
}
.resume_card .info3 .chat{
	display:inline-block;
	height:34px;
	background:url(../img/ico_chat.png) left center no-repeat;
	background-size:16px auto;
	padding-left:26px;
	color:#fff;
}
.resume_card .menu{
	height:43px;
	margin:0 12px;
	overflow:hidden;
}
.resume_card .menu li{
	float:left;
	margin:0 18px;
	height:48px;
	position:relative;
}
.resume_card .menu li a{
	display:block;
	color:#a4a4a4;
	line-height:43px;
	font-size:14px;
}

.resume_card .menu li.active:before {
	content:'';
	position:absolute;
	left:0;
	bottom:8px;
	width:15px;
	height:3px;
	border-radius:1.5px;
	background-color:#fd6f5c;
}

.resume_card .menu li.active a{
	color:#151515;
}

.user_basic1{
	border-bottom:8px solid #f5f6f8;
	padding-top:5px;
}
.user_basic1 li{
	position:relative;
	min-height:48px;
}
.user_basic1 li .ico{
	width:73px;
	height:48px;
	position:absolute;
	left:0;
	top:0;
	background-size:14px auto;
	background-position:center;
	background-repeat:no-repeat;
}
.user_basic1 li .ico.gz{
	background-image:url(../img/ico_gz.png);
}
.user_basic1 li .ico.gl{
	background-image:url(../img/ico_gl.png);
}
.user_basic1 li .ico.nl{
	background-image:url(../img/ico_nl.png);
}
.user_basic1 li .ico.xb{
	background-image:url(../img/ico_xb.png);
}
.user_basic1 li .ico.dq{
	background-image:url(../img/ico_dq.png);
}
.user_basic1 li .ico.dh{
	background-image:url(../img/ico_dh.png);
}
.user_basic1 li .ico.zs{
	background-image:url(../img/ico_zs.png);
}

.user_basic1 li .content {
	margin:0 73px;
	min-height:30px;
	line-height:30px;
	padding:8px 0;
	border-bottom:1px dashed #cacaca;
	font-size:14px;
}

.user_basic1 li:last-child .content {
	border-bottom:0;
}

.user_basic1 li i{
	background-color:#f5f6f8;
	border-radius:2px;
	margin-right:9px;
	font-style:inherit;
	padding:3px 5px;
}

.title1 {
	margin:0 15px;
	padding:15px 0 0 0;
	min-height:30px;
	overflow:hidden;
}
.title1 h4{
	float:left;
	font-size:16px;
	height:30px;
	position:relative;
	font-weight:normal;
}
.title1 h4:before{
	content:'';
	position:absolute;
	left:0;
	bottom:0;
	width:100%;
	height:2px;
	border-radius:1px;
	background-color:#fd6f5c;
}

.title1 span{
	line-height:30px;
	display:block;
	float:left;
	color:#cecece;
	font-size:12px;
	margin:0 0 0 10px;
}

.log_box {
	margin:0 39px;
	border-left:1px dashed #ababab;
	padding:0 29px 30px 29px;
}

.log_box .log_list {
	position:relative;
	padding-bottom: 15px;
}

.log_box .log_list.video:before {
	position:absolute;
	content:'';
	background: #fff url(../img/ico_video2.png) center no-repeat;
	background-size:14px auto;
	border-radius:7px;
	overflow:hidden;
	width:14px;
	height:14px;
	top:0;
	left:-36px;
}

.log_box .time_box {
	height:14px;
	line-height:14px;
	font-size:12px;
	color:#aeacac;
}

.log_box .content {
	font-size: 14px;
    color: #333333;
    text-align: left;
    margin-top: 10px;
}

.no_log_tip {
	text-align:center;
	color:#acacac;
	font-size:14px;
	position:relative;
	padding:100px 0 20px 0;
}

.no_log_tip:before {
	position:absolute;
	top:20px;
	left:50%;
	margin-left:-30px;
	content:'';
	display:block;
	width:60px;
	height:62px;
	background:url(../img/no_log.jpg) center no-repeat;
	background-size:60px;
}

.shop_detail_t{
	padding:10px 15px;
	border-bottom:8px solid #f5f6f8;
}

.shop_detail_t .timebox{
	color:#a4a4a4;
	text-align:left;
	font-size:12px;
}

.shop_detail_t .bqbox{
	padding:14px 0 0 0;
}

.shop_detail_t .es{
	position:relative;
	background-color:#46cf8e;
	color:#fff;
	font-size:12px;
	padding:2px 5px;
	text-align:center;
	border-radius:3px;
}
.shop_detail_t .es:before {
	content:'';
	position:absolute;
	top:100%;
	width:0; 
    height:0; 
    border-left:4px solid transparent;
    border-right:4px solid transparent;
    border-top:4px solid #46cf8e;
	left:50%;
	margin-left:-4px;
}

.shop_detail_t h2{
	padding:10px 0 0 0;
	font-weight:normal;
	font-size:20px;
	line-height:26px;
}

.shop_detail_t .rmbbox{
	margin-top:14px;
	height:22px;
	line-height:22px;
	background:url(../img/ico_rmb.png) left center no-repeat;
	background-size:22px auto;
	padding:0 0 0 27px;
	font-size:20px;
	color:#fd545c;
}

.shop_detail_content{
	font-size:14px;
	text-align:left;
	margin:0 15px;
	padding:15px 0;
	line-height:24px;
}

.shop_detail_content *{
	max-width:100%;
}

.shop_detail_end {
	text-align:center;
	height:40px;
}
.shop_detail_end div{
	display:inline-block;
	height:40px;
	width:87px;
	position:relative;
}
.shop_detail_end div:before {
	position:absolute;
	content:'';
	display:block;
	width:100%;
	top:50%;
	left:0;
	height:1px;
	background-color:#9e9e9e;
}

.shop_detail_end div span{
	height:40px;
	display:block;
	line-height:40px;
	text-align:center;
	background-color:#fff;
	font-size:14px;
	width:28px;
	position:absolute;
	top:0;
	left:50%;
	margin-left:-14px;
	color:#9e9e9e;
	z-index:2;
}

.shop_detail_address {
	margin:15px 15px 0 15px;
	-webkit-border-radius: 5px/5px 5px 5px 5px;
	-moz-border-radius: 5px/5px 5px 5px 5px;
	border-radius: 5px/5px 5px 5px 5px;
	background-color: #fff;
	-webkit-box-shadow: 0 0 14px rgba(2,2,2,.3);
	-moz-box-shadow: 0 0 14px rgba(2,2,2,.3);
	box-shadow: 0 0 14px rgba(2,2,2,.3);
	padding:10px;
}

.shop_detail_address .topbox {
	position:relative;
	min-height:40px;
}

.shop_detail_address .avatar{
	width:40px;
	height:40px;
	position:absolute;
	left:0;
	top:0;
	display:block;
	border-radius:50%;
	background-position:center;
	background-repeat:no-repeat;
	background-size:cover;
}

.shop_detail_address .infobox{
	margin:0 0 0 50px;
}

.shop_detail_address .companyname {
	height:24px;
	position:relative;
	padding:0 10px 0 0;
	overflow:hidden;
	font-size:16px;
	color:#262626;
	overflow:hidden;
}

.shop_detail_address .companyname span.rz {
	background:url(../img/ico_sfrz2.png) right center no-repeat;
	background-size:13px auto;
	padding:0 20px 0 0;
}

.shop_detail_address .companyname:before {
	position:absolute;
	content:'';
	background:url(../img/ico_arrow_r.png) right center no-repeat;
	background-size:auto 12px;
	width:10px;
	height:12px;
	right:0;
	top:50%;
	margin-top:-6px;
}

.shop_detail_address .companynamepj {
	font-size:12px;
	color:#a4a4a4;
}

.shop_detail_address .font1{
	color:#ed4731;
}

.shop_detail_address .font2{
	font-size:12px;
	color:#9e9e9e;
	padding-top:5px;
}

.shop_detail_address .dz{
	border-top:1px solid #e1e1e1;
	margin-top:10px;
	position:relative;
	padding:10px 60px 0 0;
	font-size:14px;
}

.shop_detail_address .dz:before {
	content:'';
	display:block;
	position:absolute;
	width:14px;
	height:14px;
	background:url(../img/ico_dq.png) center no-repeat;
	background-size:14px auto;
	left:-37px;
	top:13px;
}

.shop_detail_address .tel{
	position:absolute;
	right:0;
	top:10px;
	width:50px;
	height:28px;
	border-left:1px solid #e1e1e1;
	background:url(../img/ico_dh2.png) center no-repeat;
	background-size:22px auto;
	display:block;
}

.shop_detail_address .mapbox {
	margin:10px 0 0 0;
	border-radius:5px;
	overflow:hidden;
	height:180px;
}

.shop_detail_pl{
	margin-top:15px;
	border-top: 8px solid #f5f6f8;
	padding:15px;
}

.shop_detail_pl .title {
	height:30px;
	line-height:30px;
	position:relative;
}

.shop_detail_pl .title h4{
	float:left;
	font-size:18px;
	font-weight:normal;
	color:#2b2b2b;
}

.shop_detail_pl .title h4 span{
	font-size:12px;
	color:#9e9e9e;
	margin-left:5px;
}

.shop_detail_pl .title .showMore{
	display:block;
	position:absolute;
	right:0;
	top:0;
	height:30px;
	background:url(../img/ico_arrow_r.png) 100% center no-repeat;
	background-size:7px auto;
	padding-right:15px;
	font-size:12px;
	color:#9e9e9e;
}

.botton_menubox1 {
	position:fixed;
	z-index:9999;
	left:0;
	right:0;
	bottom:0;
	height: 60px;
	background-color: #fff;
	-webkit-box-shadow: 0 -3px 20px rgba(0,0,0,.09);
	-moz-box-shadow: 0 -3px 20px rgba(0,0,0,.09);
	box-shadow: 0 -3px 20px rgba(0,0,0,.09);
}

.botton_menubox1 .chat {
	width: 110px;
	height: 40px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	background-color: #fff;
	-webkit-box-shadow: 0 3px 5px rgba(187,34,53,.2);
	-moz-box-shadow: 0 3px 5px rgba(187,34,53,.2);
	box-shadow: 0 3px 5px rgba(187,34,53,.2);
	background-image: -webkit-linear-gradient(22deg, #fa3058, #ff6d5e);
	background-image: -moz-linear-gradient(22deg, #fa3058, #ff6d5e);
	background-image: -o-linear-gradient(22deg, #fa3058, #ff6d5e);
	background-image: -ms-linear-gradient(22deg, #fa3058, #ff6d5e);
	background-image: linear-gradient(22deg, #fa3058, #ff6d5e);
	position: relative;
	float: right;
	color: #fff;
	line-height: 40px;
	font-size: 12px;
	text-align: center;
	text-indent: 19px;
	margin: 10px 15px 0 0;
}

.botton_menubox1 .chat:before {
	content:'';
	position:absolute;
	width:16px;
	height:16px;
	background:url(../img/ico_chat.png) center no-repeat;
	background-size:16px auto;
	display:block;
	left:20px;
	top:50%;
	margin-top:-8px;
}

.botton_menubox1 .tel {
	width: 80px;
	height: 40px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	background-color: #46cf8e;
	-webkit-box-shadow: 0 3px 5px rgba(29,135,84,.2);
	-moz-box-shadow: 0 3px 5px rgba(29,135,84,.2);
	box-shadow: 0 3px 5px rgba(29,135,84,.2);
	background-image: -webkit-linear-gradient(22deg, #3ec786, #4edc98);
	background-image: -moz-linear-gradient(22deg, #3ec786, #4edc98);
	background-image: -o-linear-gradient(22deg, #3ec786, #4edc98);
	background-image: -ms-linear-gradient(22deg, #3ec786, #4edc98);
	background-image: linear-gradient(22deg, #3ec786, #4edc98);
	float: right;
	color: #fff;
	line-height: 40px;
	font-size: 12px;
	text-align: center;
	margin: 10px 15px 0 0;
	position: relative;
}

.botton_menubox1 .tel:before {
	content:'';
	position:absolute;
	width:19px;
	height:19px;
	background:url(../img/ico_dh4.png) center no-repeat;
	background-size:19px auto;
	display:block;
	left:50%;
	top:50%;
	margin:-9.5px 0 0 -9.5px;
}

.botton_menubox1 .chat2 {
	position:relative;
	float:right;
	width: 80px;
	height: 50px;
	background-color: #fff;
	background-image: -webkit-linear-gradient(22deg, #fa3058, #ff6d5e);
	background-image: -moz-linear-gradient(22deg, #fa3058, #ff6d5e);
	background-image: -o-linear-gradient(22deg, #fa3058, #ff6d5e);
	background-image: -ms-linear-gradient(22deg, #fa3058, #ff6d5e);
	background-image: linear-gradient(22deg, #fa3058, #ff6d5e);
	display:block;
}

.botton_menubox1 .chat2:before {
	content:'';
	position:absolute;
	width:16px;
	height:16px;
	background:url(../img/ico_chat.png) center no-repeat;
	background-size:16px auto;
	display:block;
	left:50%;
	top:50%;
	margin-left:-8px;
	margin-top:-8px;
}

.botton_menubox1 .jlbtn{
	float:right;
	width:135px;
	display:block;
	background-color:#736cfe;
	height:50px;
	line-height:50px;
	text-align:center;
	color:#fff;
	font-size:14px;
	position:relative;
	text-indent:5px;
}

.botton_menubox1 .jlbtn:before {
	content:'';
	position:absolute;
	width:16px;
	height:17px;
	background:url(../img/ico_jl.png) center no-repeat;
	background-size:16px auto;
	display:block;
	left:20px;
	top:50%;
	margin-top:-9px;
}

.botton_menubox1 ul {
	float:left;
	display:flex;
	width:calc(100% - 220px);
	padding:12px 0;
	margin-top: 5px;
}

.botton_menubox1 ul.w2 {
	width:calc(100% - 215px);
}

.botton_menubox1 ul li{
	flex:1;
	height:26px;
	border-right:1px solid #d8d8d8;
	background-position:center;
	background-repeat:no-repeat;
	background-size:22px auto;
}

.botton_menubox1 ul li:last-child {
	border-right:0;
}

.botton_menubox1 ul li.share {
	background-image:url(../img/ico_share2.png);
}

.botton_menubox1 ul li.fav {
	background-image:url(../img/ico_favorites.png);
}


.zg_detail_t {
	margin:0 15px;
	padding:5px 0 15px 0;
}

.zg_detail_t .timebox{
	font-size:12px;
	color:#a4a4a4;
}

.zg_detail_t h4 {
	position:relative;
	font-size:25px;
	color:#2b2b2b;
	font-weight:normal;
	min-height:30px;
	line-height:30px;
	margin-top:15px;
	overflow:hidden;
}

.zg_detail_t h4 p{
	float:left;
	max-width:calc(100% - 100px);
}

.zg_detail_t h4 i{
	float:left;
	color:#00c78d;
	font-size:12px;
	border:1px solid #00c78d;
	border-radius:3px;
	margin-left:10px;
	font-style:inherit;
	line-height:16px;
	padding:0 3px;
	margin-top:5px;
}

.zg_detail_t h4 .share{
	position:absolute;
	right:0;
	top:0;
	height:30px;
	width:40px;
	background:url(../img/ico_share3.png) 100% center no-repeat;
	background-size:19px auto;
	display:block;
}

.zg_detail_pricebox {
	border-bottom:1px solid #dddddd;
	border-top:1px solid #dddddd;
	background-color:#f5f6f8;
	min-height:65px;
	overflow:hidden;
	padding:0 15px;
}

.zg_detail_pricebox .rmbbox {
	float:left;
	margin-top: 22px;
    height: 22px;
    line-height: 22px;
    background: url(../img/ico_rmb.png) left center no-repeat;
    background-size: 22px auto;
    padding: 0 0 0 27px;
    font-size: 20px;
    color: #fd545c;
}

.zg_detail_pricebox .jsbox{
	float:left;
	height:22px;
	margin:22px 0 0 30px;
	line-height:19px;
	font-size:14px;
}

.zg_detail_info1 {
	margin:0 15px;
	font-size:14px;
}

.zg_detail_info1 .linebox {
	min-height:46px;
	border-bottom:1px dashed #cacaca;
	overflow:hidden;
}

.zg_detail_info1 .linebox dd{
	width:50%;
	float:left;
	min-height:46px;
	overflow:hidden;
	padding:0 0 0 20px;
	background-repeat:no-repeat;
	background-size:14px auto;
	background-position:0 16px;
	box-sizing:border-box;
	position:relative;
}

.zg_detail_info1 .linebox dd.rs {
	background-image:url(../img/ico_rs.png);
}

.zg_detail_info1 .linebox dd.gz {
	background-image:url(../img/ico_gz.png);
}

.zg_detail_info1 .linebox dd.xb {
	background-image:url(../img/ico_xb.png);
}

.zg_detail_info1 .linebox dd.nl {
	background-image:url(../img/ico_nl.png);
}

.zg_detail_info1 .linebox dd.dq {
	background-image:url(../img/ico_dq.png);
}

.zg_detail_info1 .linebox:last-child {
	border-bottom:0;
}

.zg_detail_info1 .linebox:last-child dd {
	width:100%;
	padding:0 30px 0 20px;
}

.zg_detail_info1 .linebox:last-child dd:before {
	position:absolute;
	width:20px;
	content:'';
	height:23px;
	top:11.5px;
	right:0;
	background:url(../img/ico_arrow_r.png) right center no-repeat;
	background-size:auto 12px;
}

.zg_detail_info1 .linebox dd .p1{
	line-height:23px;
	overflow:hidden;
	font-size:14px;
	padding:11.5px 0;
}

.zg_detail_info1 .linebox dd .p2 {
	color:#a4a4a4;
	font-size:12px;
	padding-bottom:5px;
}

.zg_detail_map{
	margin:10px 15px 0 15px;
	overflow:hidden;
	border-radius: 5px;
    height: 180px;
}

.zg_detail_xq {
	margin-top: 15px;
    border-top: 8px solid #f5f6f8;
	padding:10px 15px 15px 15px;
}

.zg_detail_xq .bt{
	font-size:18px;
}

.zg_detail_xq .ypbox {
	overflow:hidden;
}

.zg_detail_xq .ypbox .bg {
	margin-top:22px;
	width: 210px;
	height: 41px;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	background-color: #dce0e0;
	background-image: -webkit-linear-gradient(top, #746dff, #6a63f8);
	background-image: -moz-linear-gradient(top, #746dff, #6a63f8);
	background-image: -o-linear-gradient(top, #746dff, #6a63f8);
	background-image: -ms-linear-gradient(top, #746dff, #6a63f8);
	background-image: linear-gradient(to bottom, #746dff, #6a63f8);
	position:relative;
}

.zg_detail_xq .ypbox .bg:before {
	content:'';
	display:block;
	width:11px;
	height:14px;
	background:url(../img/ico_ht.png) center no-repeat;
	background-size:11px 14px;
	position:absolute;
	left:11px;
	top:50%;
	margin-top:-7px;
}

.zg_detail_content {
    font-size: 14px;
    text-align: left;
    padding: 35px 0;
    line-height: 24px;
}

.zg_detail_content * {
	max-width: 100%;
}

.zg_detail_zgf .t{
	color:#a4a4a4;
	font-size:14px;
}

.zg_detail_zgf .conbox {
	min-height: 73px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	background-color: #fff;
	-webkit-box-shadow: 0 0 14px rgba(2,2,2,.3);
	-moz-box-shadow: 0 0 14px rgba(2,2,2,.3);
	box-shadow: 0 0 14px rgba(2,2,2,.3);
	margin-top:12px;
	padding:0 35px 0 0;
	position:relative;
}

.zg_detail_zgf .conbox:before {
	content:'';
	position:absolute;
	height:100%;
	width:35px;
	right:0;
	top:0;
	background:url(../img/ico_arrow_r.png) center no-repeat;
	background-size:auto 12px;
}

.zg_detail_zgf .avatar {
	width:40px;
	height:40px;
	position:absolute;
	left:15px;
	top:50%;
	margin-top:-20px;
	display:block;
	border-radius:50%;
	background-position:center;
	background-repeat:no-repeat;
	background-size:cover;
}

.zg_detail_zgf .userinfo {
	margin:0 35px 0 67px;
	padding:17px 0 0 0;
}

.zg_detail_zgf .userinfo .username {
	height:24px;
	line-height:24px;
	overflow:hidden;
}

.zg_detail_zgf .userinfo .username h5 {
	float:left;
	font-size:16px;
	color:#252525;
	height:24px;
}

.zg_detail_zgf .userinfo .username i {
	width:59px;
	height:10px;
	overflow:hidden;
	float:left;
	display:block;
	position:relative;
	margin:4px 0 0 10px;
	display: none;
}

.zg_detail_zgf .userinfo .username i:before,
.zg_detail_zgf .userinfo .username i:after {
	content:'';
	height:10px;
	position:absolute;
	left:0;
	top:0;
	display:block;
	background-image:url(../img/ico_star.png);
	background-size:59px 28px;
	background-repeat:no-repeat;
}

.zg_detail_zgf .userinfo .username i:before {
	width:100%;
	background-position:0 100%;
	z-index:1;
}

.zg_detail_zgf .userinfo .username i:after {
	background-position:0 0;
	z-index:2;
}

.zg_detail_zgf .userinfo .username i.star0:after {
	width:0;
}

.zg_detail_zgf .userinfo .username i.star1:after {
	width:11px;
}

.zg_detail_zgf .userinfo .username i.star2:after {
	width:23px;
}

.zg_detail_zgf .userinfo .username i.star3:after {
	width:35px;
}

.zg_detail_zgf .userinfo .username i.star4:after {
	width:47px;
}

.zg_detail_zgf .userinfo .username i.star5:after {
	width:100%;
}

.zg_detail_zgf .userinfo p{
	font-size:12px;
	color:#a4a4a4;
}

.zg_detail_note1 {
	background:url(../img/ico_waring.png) left 27px no-repeat;
	background-size:13px auto;
	padding:24px 0 24px 20px;
}

.zg_detail_note1 h5{
	font-weight:normal;
	color:#fd605b;
	font-size:14px;
}

.zg_detail_note1 p{
	color:#a4a4a4;
	font-size:12px;
	line-height:20px;
	padding:5px 0 0 0;
}

.zg_detail_tj {
	border-top: 8px solid #f5f6f8;
	padding:15px;
}

.zg_detail_tj .t {
	color:#a4a4a4;
	font-size:14px;
}

.zg_detail_tj .zglist {
	overflow:hidden;
}

.zg_detail_tj .zglist li {
	border-bottom:1px solid #dddddd;
	position:relative;
	padding:10px 0;
}

.zg_detail_tj .zglist li:last-child {
	border-bottom:0;
}

.zg_detail_tj .zglist dl{
	margin:0 100px 0 0;
}

.zg_detail_tj .zglist dt {
	font-size:16px;
	color:#252525;
}

.zg_detail_tj .zglist dd {
	color:#999999;
	font-size:12px;
	line-height:24px;
	padding-top:5px;
}

.zg_detail_tj .zglist .tab{
	font-style:normal;
	color:#a4a4a4;
	background-color:#f5f6f8;
	border-radius:3px;
	margin-right:5px;
	padding:3px 5px;
}

.zg_detail_tj .zglist .price {
	text-align:right;
	position:absolute;
	right:0;
	top:10px;
	line-height:24px;
}

.zg_detail_tj .zglist .font1{
	font-size:16px;
	color:#fd545c;
}

.zg_detail_tj .zglist .font2{
	font-size:12px;
	color:#a4a4a4;
}

.video_silder_box {
	position:absolute!important;
	width:100%;
	height:100%;
	overflow: hidden;
}

@media screen and (min-width: 750px) {
	.video_silder_box {
		width: 750px!important;
		left: 50%;
		margin-left: -375px;
	}
}

.video_silder {
	position:absolute;
	width:100%;
	height:100%;
	background-color: #000;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
}

.video_silder video {
	width: 100%;
	height: 100%;
}

.video_silder .con1 {
	position:absolute;
	z-index:10;
	max-width: calc(100% - 74px);
	left:15px;
	bottom:80px;
	overflow:hidden;
}

.video_silder .video_play_bg {
	position: absolute;
	z-index: 2;
	background-color: rgba(0,0,0,.1);
	width: 100%;
	height: 100%;
}

.video_silder .video_play_bg2 {
	position: absolute;
	z-index: 3;
	width: 100%;
	height: 100%;
}

.video_silder .video_play {
	width: 52px;
	height: 52px;
	position: absolute;
	z-index: 12;
	left: 50%;
	top: 50%;
	margin: -26px 0 0 -26px;
	background: url(../img/ico_video.png) center no-repeat;
	background-size: 52px 52px; 
}

.video_silder .repbox {
	width:44px;
	bottom: 80px;
	right: 15px;
	position: absolute;
	z-index: 10;
}

.video_silder .avatar {
	border:1px solid #fff;
	width:42px;
	height:42px;
	display:block;
	position:relative;
	border-radius:50%;
	background-position:center;
	background-repeat:no-repeat;
	background-size:cover;
}

.video_silder .avatar .add {
	width: 20px;
	height: 20px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	background-color: #fff;
	background-image: -webkit-linear-gradient(65deg, #fa3058, #ff6d5e);
	background-image: -moz-linear-gradient(65deg, #fa3058, #ff6d5e);
	background-image: -o-linear-gradient(65deg, #fa3058, #ff6d5e);
	background-image: -ms-linear-gradient(65deg, #fa3058, #ff6d5e);
	background-image: linear-gradient(65deg, #fa3058, #ff6d5e);
	position:absolute;
	bottom:-10px;
	left:50%;
	margin-left:-10px;
}

.video_silder .avatar .add:before,
.video_silder .avatar .add:after {
	content:'';
	position:absolute;
	left:50%;
	top:50%;
	background-color:#fff;
	border-radius:1px;
	transform:scale(.9)
}

.video_silder .avatar .add:before {
	width:10px;
	height:2px;
	margin:-1px 0 0 -5px;
}

.video_silder .avatar .add:after {
	width:2px;
	height:10px;
	margin:-5px 0 0 -1px;
}

.video_silder .ds {
	margin:23px 0 0 0;
	display:block;
	height:41px;
	background:url(../img/ico_ds.png) center no-repeat;
	background-size:35px auto;
}

.video_silder .approve {
	margin-top:10px;
	background:url(../img/ico_approve4.png) top center no-repeat;
	background-size:32px auto;
	color:#fff;
	text-align:center;
	font-size:12px;
	padding:30px 0 0 0;
}

.video_silder .approve p{
	transform:scale(.8)
}

.video_silder .chat {
	margin-top:20px;
	background:url(../img/ico_message.png) top center no-repeat;
	background-size:20px auto;
	color:#fff;
	text-align:center;
	font-size:12px;
	padding:21px 0 0 0;
}

.video_silder .chat p{
	transform:scale(.8)
}

.video_silder .share {
	margin-top:15px;
	background:url(../img/ico_share4.png) top center no-repeat;
	background-size:30px auto;
	color:#fff;
	text-align:center;
	font-size:12px;
	padding:24px 0 0 0;
}

.video_silder .share p{
	transform:scale(.8)
}

.video_silder .textbox {
	text-align:left;
	color:#fff;
	font-size:14px;
}

.video_silder .textbox .bt{
	padding-bottom:5px;
}

.video_silder .textbox .dqbox {
	font-size:12px;
	color:rgba(255,255,255,.7);
	background:url(../img/ico_dq2.png) left 3px no-repeat;
	background-size:11px auto;
	padding: 0 0 0 18px;
	line-height:20px;
	margin-top:15px;
}

.img_silder {
	position:absolute;
	width:100%;
	height:100%;
}

.img_download {
	width: 128px;
	height: 30px;
	-webkit-border-radius: 15px 16px 16px 15px/15px 15px 16px 16px;
	-moz-border-radius: 15px 16px 16px 15px/15px 15px 16px 16px;
	border-radius: 15px 16px 16px 15px/15px 15px 16px 16px;
	background-color: #fff;
	background-image: -webkit-linear-gradient(66deg, #fa3058, #ff905e);
	background-image: -moz-linear-gradient(66deg, #fa3058, #ff905e);
	background-image: -o-linear-gradient(66deg, #fa3058, #ff905e);
	background-image: -ms-linear-gradient(66deg, #fa3058, #ff905e);
	background-image: linear-gradient(66deg, #fa3058, #ff905e);
	font-size:14px;
	line-height:30px;
	text-align:center;
	display:block;
	position:fixed;
	left:50%;
	margin-left:-64px;
	z-index:2000;
	bottom:110px;
	color:#fff;
	display: none;
}

.pb20 {
	padding-bottom:20px;
}

.zw50 {
	height:50px;
}

.zw60 {
	height:60px;
}

.zw100 {
	height:100px;
}

.hide {
	display:none
}

.loading {
	background:url(../img/loading.gif) center no-repeat;
	background-size:30px auto;
	height:60px;
	display:none;
}

#map_container {
	width: 100%;
	height: 300px;
}

.zginfobox,
.news_list,
.userinfobox,
.pro_info {
	padding-top: 62px;
}

.userCardArea {
	margin-top: -10px;
	padding-bottom: 10px;
}

.userCardArea .resume_card {
	background-color: #fff;
	border-radius: 0;
	box-shadow: none;
}

.introduce {
	padding: 10px 15px;
	line-height: 22px;
	text-align: left;
	overflow: hidden;
	font-size: 14px;
	border-bottom: 8px solid #f5f6f8;
}

.introduce img {
	max-width: 100%;
}

/*qjgg star*/
.qjgg {
	width: 100%;
	height: 100%;
	max-width: 750px;
	margin: auto;
}
.qjgg .item {
	width: 100%;
	height: 100%;
	position: relative;
	overflow: hidden;
	background-color: #fff;
}
.qjgg .h {
	clear: both;
	position: relative;
	overflow: hidden;
}
.qjgg .logobox {
	width: 115px;
	height: 51px;
	background:url(../img/logo3.png) center no-repeat;
	background-size: 115px 51px;
	margin: 8px 0 0 5px;
}

.qjgg .h p {
	position: absolute;
	right: 15px;
	top: 18px;
	color: #2e2c2c;
	font-size: 13px;
}

.qjgg .h2 {
	clear: both;
	position: relative;
	overflow: hidden;
	z-index: 3;
}
.qjgg .h2 .logo {
	width: 104px;
	height: 26px;
	background:url(../img/logo4.png) center no-repeat;
	background-size: 104px 26px;
	margin: 17px 0 0 15px;
}

.qjgg .h2 p {
	position: absolute;
	right: 15px;
	top: 18px;
	color: #fff;
	font-size: 13px;
}

.qjgg .bg1 {
	background:url(../img/downloadbg1.jpg) bottom center no-repeat;
	background-size: 100% auto;
}

.qjgg .bg2 {
	background:url(../img/downloadbg2.jpg) bottom center no-repeat;
	background-size: 100% auto;
}

.qjgg .btnbox1 {
	position: absolute;
	width: 100%;
	text-align: center;
	bottom: 30px;
}

.qjgg .btnbox1 a {
	display: inline-block;
	width: 136px;
	height: 37px;
	line-height: 36px;
	-webkit-border-radius: 18px;
	-moz-border-radius: 18px;
	border-radius: 18px;
	background-color: rgba(255,255,255,0);
	border: solid 1px #fff;
	color: #fff;
	position: relative;
	text-indent: 22px;
	font-size: 14px;
	margin: 0 10px;
}

.qjgg .btnbox1 a.ios {
	background:url(../img/ico_ios_logo.png) 15px 5px no-repeat;
	background-size: 19px auto;
}

.qjgg .btnbox1 a.android {
	background:url(../img/ico_android_logo.png) 15px center no-repeat;
	background-size: 19px auto;
}

@media screen and (max-width: 350px) {
	.qjgg .btnbox1 a {
		margin: 0 5px;
	}
}

.qjgg .item1_1 {
	background:url(../img/down_item1_1.png) center no-repeat;
	background-size: auto 136px;
	height: 136px;
	opacity: 0;
}

.qjgg .item2_1 {
	background:url(../img/down_item2_1.png) center no-repeat;
	background-size: auto 145px;
	height: 145px;
	opacity: 0;
}

.qjgg .add_animation .item1_1,
.qjgg .add_animation .item2_1 {
	-webkit-animation: animatename_l 1s;
	-ms-animation: animatename_l 1s;
	-moz-animation: animatename_l 1s;
	animation: animatename_l 1s;
	-webkit-animation-delay:2s;
	animation-delay:2s;
	-webkit-animation-fill-mode:both;
	animation-fill-mode:both;
}

.qjgg .item1_2,
.qjgg .item2_3 {
	text-align: center;
	font-size: 15px;
	color: #343434;
	opacity: 0;
}

.qjgg .item2_3 {
	margin-top: 15px;
}

.qjgg .item2_2 {
	text-align: center;
	opacity: 0;
	margin-top: 20px;
}

.qjgg .item2_2 span {
	display: inline-block;
	width: 48px;
	height: 22px;
	-webkit-border-radius: 11px;
	-moz-border-radius: 11px;
	border-radius: 11px;
	background-color: #41a3ff;
	color: #fff;
	font-size: 13px;
	line-height: 22px; 
	text-align: center;
	margin: 0 2px;
}

.qjgg .item2_2 span:nth-child(2) {
	background-color: #ffc11c;
}

.qjgg .item2_2 span:nth-child(3) {
	background-color: #ff6a5e;
}

.qjgg .add_animation .item1_2,
.qjgg .add_animation .item2_2,
.qjgg .add_animation .item2_3 {
	-webkit-animation: animatename_r 1s;
	-ms-animation: animatename_r 1s;
	-moz-animation: animatename_r 1s;
	animation: animatename_r 1s;
	-webkit-animation-delay:2s;
	animation-delay:2s;
	-webkit-animation-fill-mode:both;
	animation-fill-mode:both;
}

.qjgg .item1_3 {
	height: calc(100% - 326px);
	margin: 19px auto auto auto;
	position: relative;
	max-height: 370px;
}

.qjgg .item1_3:before,
.qjgg .item1_3:after {
	content: '';
	position: absolute;
	display: block;
	width: 100%;
	height: 100%;
}

.qjgg .item1_3:before {
	background:url(../img/down_item1_2.png) center no-repeat;
	background-size: auto 100%;
}

.qjgg .item1_3:after {
	background:url(../img/down_item1_3.png) center no-repeat;
	background-size: auto 95%;
	opacity: 0;
}

.qjgg .add_animation .item1_3:before {
	-webkit-animation: animatename_l 1s;
	-ms-animation: animatename_l 1s;
	-moz-animation: animatename_l 1s;
	animation: animatename_l 1s;
}

.qjgg .add_animation .item1_3:after {
	-webkit-animation: animatename_r 1s;
	-ms-animation: animatename_r 1s;
	-moz-animation: animatename_r 1s;
	animation: animatename_r 1s;
	-webkit-animation-delay:1s;
	animation-delay:1s;
	-webkit-animation-fill-mode:both;
	animation-fill-mode:both;
}


.qjgg .item2_4 {
	height: calc(100% - 338px);
	position: relative;
	background: url(../img/down_item2_4.png) center calc(100% - 24px) no-repeat;
	background-size: auto 63px;
}

@media screen and (max-height: 600px) {
	.qjgg .item2_4 {
		height: calc(100% - 295px);
	}
}

.qjgg .item2_4:before,
.qjgg .item2_4:after {
	display: block;
	content: '';
	position: absolute;
	opacity: 0;
}

.qjgg .item2_4:before {
	width: 79px;
	height: 110px;
	background: url(../img/down_item2_2.png) center no-repeat;
	background-size: auto 110px;
	bottom: 82px;
	right: 50%;
	margin-right: 67px;
}

.qjgg .item2_4:after {
	width: 83px;
	height: 87px;
	background: url(../img/down_item2_3.png) center no-repeat;
	background-size: auto 87px;
	bottom: 0;
	left: 50%;
	margin-left: 49px;
}

.qjgg .item2_4 .dwico {
	width: 103px;
	height: 145px;
	background: url(../img/down_item2_5.png) center no-repeat;
	background-size: auto 145px;
	position: absolute;
	left: 50%;
	margin-left: -51.5px;
	bottom: 69px;
	opacity: 0;
}

@media screen and (max-height: 520px) {
	.qjgg .item2_4 {
		background: url(../img/down_item2_4.png) center calc(100% - 18px) no-repeat;
		background-size: auto 47.5px;
	}
	.qjgg .item2_4:before {
		width: 83px;
		height: 60px;
		background: url(../img/down_item2_2.png) center no-repeat;
		background-size: auto 60px;
		bottom: 62px;
		right: 50%;
		margin-right: 50px;
	}
	.qjgg .item2_4:after {
		width: 62px;
		height: 65px;
		background: url(../img/down_item2_3.png) center no-repeat;
		background-size: auto 65px;
		bottom: 0;
		left: 50%;
		margin-left: 37px;
	}
	.qjgg .item2_4 .dwico {
		width: 77px;
		height: 108px;
		background: url(../img/down_item2_5.png) center no-repeat;
		background-size: auto 108px;
		position: absolute;
		left: 50%;
		margin-left: -38.5px;
		bottom: 52px;
		opacity: 0;
	}
}


.qjgg .add_animation .item2_4:before,
.qjgg .add_animation .item2_4:after {
	-webkit-animation: animatename_down 1s;
	-ms-animation: animatename_down 1s;
	-moz-animation: animatename_down 1s;
	animation: animatename_down 1s;
	-webkit-animation-fill-mode:both;
	animation-fill-mode:both;
}


.qjgg .add_animation .item2_4 .dwico {
	-webkit-animation: animatename_down 1s;
	-ms-animation: animatename_down 1s;
	-moz-animation: animatename_down 1s;
	animation: animatename_down 1s;
	-webkit-animation-delay:1s;
	animation-delay:1s;
	-webkit-animation-fill-mode:both;
	animation-fill-mode:both;
}

.qjgg .item3_1 {
	top: 0;
	left: 0;
	right: 0;
	height: 100%;
	z-index: 1;
	position: absolute;
	width: 100%;
	background: url(../img/down_item3_1.jpg) top center no-repeat;
	background-size: 100% auto;
	opacity: 0;
}

.qjgg .item3_2 {
	bottom: 0;
	right: 0;
	height: 100%;
	z-index: 2;
	position: absolute;
	width: 100%;
	background: url(../img/down_item3_2.jpg) right bottom no-repeat;
	background-size: auto 61px;
	opacity: 0;
}

.qjgg .item3_3 {
	position: relative;
	z-index: 3;
	height: 92px;
	background: url(../img/down_item3_4.png) center no-repeat;
	background-size: auto 92px;
	margin-top: 24px;
	opacity: 0;
}

.qjgg .item3_4 {
	height: calc(100% - 259px);
	margin-top: 78px;
	background: url(../img/down_item3_3.png) center no-repeat;
	background-size: auto 100%;
	position: relative;
	z-index: 3;
	opacity: 0;
}

.qjgg .item3_4:before {
	display: block;
	content: '';
	width: 112px;
	height: 107px;
	background: url(../img/down_item3_5.png) center no-repeat;
	background-size: 112px 107px;
	position: absolute;
	top: -96px;
	left: 50%;
	opacity: 0;
}

.qjgg .add_animation .item3_1 {
	-webkit-animation: animatename_down 1s;
	-ms-animation: animatename_down 1s;
	-moz-animation: animatename_down 1s;
	animation: animatename_down 1s;
	-webkit-animation-fill-mode:both;
	animation-fill-mode:both;
}

.qjgg .add_animation .item3_2 {
	-webkit-animation: animatename_up 1s;
	-ms-animation: animatename_up 1s;
	-moz-animation: animatename_up 1s;
	animation: animatename_up 1s;
	-webkit-animation-fill-mode:both;
	animation-fill-mode:both;
}

.qjgg .add_animation .item3_3 {
	-webkit-animation: animatename_fadeIn 1s;
	-ms-animation: animatename_fadeIn 1s;
	-moz-animation: animatename_fadeIn 1s;
	animation: animatename_fadeIn 1s;
	-webkit-animation-delay:1s;
	animation-delay:1s;
	-webkit-animation-fill-mode:both;
	animation-fill-mode:both;
}

.qjgg .add_animation .item3_4 {
	-webkit-animation: animatename_r 1s;
	-ms-animation: animatename_r 1s;
	-moz-animation: animatename_r 1s;
	animation: animatename_r 1s;
	-webkit-animation-delay:1s;
	animation-delay:1s;
	-webkit-animation-fill-mode:both;
	animation-fill-mode:both;
}

.qjgg .add_animation .item3_4:before {
	-webkit-animation: animatename_fadeIn 1s;
	-ms-animation: animatename_fadeIn 1s;
	-moz-animation: animatename_fadeIn 1s;
	animation: animatename_fadeIn 1s;
	-webkit-animation-delay:2s;
	animation-delay:2s;
	-webkit-animation-fill-mode:both;
	animation-fill-mode:both;
}

.qjgg .bg3 {
	background: url(../img/down_item4_1.jpg) right top no-repeat;
	background-size: 122px auto;
}

.qjgg .item4_1 {
	background: url(../img/down_item4_4.jpg) left bottom no-repeat;
	background-size: auto 272px;
	height: 272px;
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	opacity: 0;
}

.qjgg .add_animation .item4_1 {
	-webkit-animation: animatename_l 1s;
	-ms-animation: animatename_l 1s;
	-moz-animation: animatename_l 1s;
	animation: animatename_l 1s;
	-webkit-animation-fill-mode:both;
	animation-fill-mode:both;
}

.qjgg .item4_2 {
	width: 100%;
	position: absolute;
	z-index: 2;
	height: calc(100% - 346px);
	left: 0;
	bottom: 0;
	right: 0;
	background: url(../img/down_item4_3.png) center bottom no-repeat;
	background-size: auto 100%;
}

.qjgg .add_animation .item4_2 {
	-webkit-animation: animatename_up 1s;
	-ms-animation: animatename_up 1s;
	-moz-animation: animatename_up 1s;
	animation: animatename_up 1s;
	-webkit-animation-delay:1s;
	animation-delay:1s;
	-webkit-animation-fill-mode:both;
	animation-fill-mode:both;
}

.qjgg .item4_2 span {
	display: block;
	width: 313px;
	height: 313px;
	top: -298px;
	position: absolute;
	left: 50%;
	margin-left: -156.5px;
}

.qjgg .item4_2 span:before {
	display: block;
	content: '';
	position: absolute;
	width: 2px;
	height: 2px;
	left: 50%;
	top: 50%;
	margin: -1px 0 0 -1px;
	background: url(../img/down_item4_2.png) center bottom no-repeat;
	background-size: 100% auto;
	opacity: 0;
}

.qjgg .add_animation .item4_2 span:before {
	-webkit-animation: animatename_zoom 1s;
	-ms-animation: animatename_zoom 1s;
	-moz-animation: animatename_zoom 1s;
	animation: animatename_zoom 1s;
	-webkit-animation-delay:2s;
	animation-delay:2s;
	-webkit-animation-fill-mode:both;
	animation-fill-mode:both;
}

.qjgg .item5_1 {
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	right: 0;
	background: url(../img/down_item5_1.jpg) left top no-repeat;
	background-size: 304px auto;
	opacity: 0;
}

.qjgg .item5_2 {
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	bottom: 0;
	right: 0;
	background: url(../img/down_item5_2.jpg) center bottom no-repeat;
	background-size: 100% auto;
	opacity: 0;
}

.qjgg .add_animation .item5_1 {
	-webkit-animation: animatename_down 1s;
	-ms-animation: animatename_down 1s;
	-moz-animation: animatename_down 1s;
	animation: animatename_down 1s;
	-webkit-animation-fill-mode:both;
	animation-fill-mode:both;
}

.qjgg .add_animation .item5_2 {
	-webkit-animation: animatename_up 1s;
	-ms-animation: animatename_up 1s;
	-moz-animation: animatename_up 1s;
	animation: animatename_up 1s;
	-webkit-animation-fill-mode:both;
	animation-fill-mode:both;
}

.qjgg .item5_3 {
	text-align: center;
	position: absolute;
	width: 100%;
	z-index: 1;
	font-size: 12px;
	color: #9fa5a8;
	bottom: 22px;
}

.qjgg .item5_4 {
	position: absolute;
	width: 100%;
	text-align: center;
	bottom: 128px;
	z-index: 2;
	opacity: 0;
}

.qjgg .item5_4 a {
	clear: both;
	display: block;
	margin: auto auto 15px auto;
	width: 131px;
	height: 36px;
	-webkit-border-radius: 18px;
	-moz-border-radius: 18px;
	border-radius: 18px;
	background-color: #fff;
	background-image: -webkit-linear-gradient(22deg, #fa3058, #ff905e);
	background-image: -moz-linear-gradient(22deg, #fa3058, #ff905e);
	background-image: -o-linear-gradient(22deg, #fa3058, #ff905e);
	background-image: -ms-linear-gradient(22deg, #fa3058, #ff905e);
	background-image: linear-gradient(22deg, #fa3058, #ff905e);
	color: #fff;
	font-size: 14px;
	text-align: center;
	position: relative;
	line-height: 36px;
	text-indent: 22px;
}

.qjgg .item5_4 a.ios:before {
	position: absolute;
	content: '';
	display: block;
	width: 19px;
	height: 22px;
	background:url(../img/ico_ios_logo.png) center no-repeat;
	background-size: 19px auto;
	left: 15px;
	top: 5px;
}

.qjgg .item5_4 a.android:before {
	position: absolute;
	content: '';
	display: block;
	width: 18px;
	height: 22px;
	background:url(../img/ico_android_logo.png) center no-repeat;
	background-size: 18px auto;
	left: 15px;
	top: 50%;
	margin-top: -11px;
}

.qjgg .item5_5 {
	position: relative;
	margin-top: 140px;
	z-index: 2;
	opacity: 0;
}

.qjgg .item5_5 .logo {
	height: 145px;
	background:url(../img/logo5.png) center no-repeat;
	background-size: auto 145px;
}

.qjgg .item5_5 .text {
	background:url(../img/down_item5_3.gif) center no-repeat;
	background-size: auto 12px;
	height: 12px;
	margin-top: 20px;
}


.qjgg .add_animation .item5_4,
.qjgg .add_animation .item5_5 {
	-webkit-animation: animatename_down 1s;
	-ms-animation: animatename_down 1s;
	-moz-animation: animatename_down 1s;
	animation: animatename_down 1s;
	-webkit-animation-delay:1s;
	animation-delay:1s;
	-webkit-animation-fill-mode:both;
	animation-fill-mode:both;
}

@media screen and (max-height: 600px) {
	.qjgg .item5_4 {
		bottom: 40px;
	}
}

@keyframes animatename_l {
	from {
		opacity: 0;
		-webkit-transform: translate3d(-100%, 0, 0);
		-ms-transform: translate3d(-100%, 0, 0);
		-moz-transform: translate3d(-100%, 0, 0);
		transform: translate3d(-100%, 0, 0);
	}
	to {
		opacity: 1;
		-webkit-transform: translate3d(0, 0, 0);
		-ms-transform: translate3d(0, 0, 0);
		-moz-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
	}
}

@keyframes animatename_r {
	from {
		opacity: 0;
		-webkit-transform: translate3d(100%, 0, 0);
		-ms-transform: translate3d(100%, 0, 0);
		-moz-transform: translate3d(-100%, 0, 0);
		transform: translate3d(100%, 0, 0);
	}
	to {
		opacity: 1;
		-webkit-transform: translate3d(0, 0, 0);
		-ms-transform: translate3d(0, 0, 0);
		-moz-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
	}
}

@keyframes animatename_down {
	from {
		opacity: 0;
		-webkit-transform: translate3d(0, -100%, 0);
		-ms-transform: translate3d(0, -100%, 0);
		-moz-transform: translate3d(0, -100%, 0);
		transform: translate3d(0, -100%, 0);
	}
	to {
		opacity: 1;
		-webkit-transform: translate3d(0, 0, 0);
		-ms-transform: translate3d(0, 0, 0);
		-moz-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
	}
}

@keyframes animatename_up {
	from {
		opacity: 0;
		-webkit-transform: translate3d(0, 100%, 0);
		-ms-transform: translate3d(0, 100%, 0);
		-moz-transform: translate3d(0, 100%, 0);
		transform: translate3d(0, 100%, 0);
	}
	to {
		opacity: 1;
		-webkit-transform: translate3d(0, 0, 0);
		-ms-transform: translate3d(0, 0, 0);
		-moz-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
	}
}

@keyframes animatename_fadeIn {
	from {
		opacity: 0;
	}
	to {
		opacity: 1;
	}
}

@keyframes animatename_zoom {
	from {
		opacity: 0;
		width: 2px;
		height: 2px;
		margin: -1px 0 0 -1px;
	}
	to {
		opacity: 1;
		width: 100%;
		height: 100%;
		margin: -50% 0 0 -50%;
	}
}
/*qjgg end*/